---
layout: typedoc
title: 'ColorSettings | @msrvida/sanddance-explorer'
---
<header>
<div class="tsd-page-title">
	<div class="typedoc-container">
		<ul class="tsd-breadcrumb">
			<li>
				<a href="../modules.html">@msrvida/sanddance-explorer</a>
			</li>
			<li>
				<a href="colorsettings.html">ColorSettings</a>
			</li>
		</ul>
		<h1>Interface ColorSettings</h1>
	</div>
</div>
</header>
<div class="container container-main">
<div class="row">
	<div class="col-8 col-content">
		<section class="tsd-panel tsd-hierarchy">
			<h3>Hierarchy</h3>
			<ul class="tsd-hierarchy">
				<li>
					<a href="sanddance.types.colorsettings.html" class="tsd-signature-type" data-tsd-kind="Interface">ColorSettings</a>
					<ul class="tsd-hierarchy">
						<li>
							<span class="target">ColorSettings</span>
						</li>
					</ul>
				</li>
			</ul>
		</section>
		<section class="tsd-panel-group tsd-index-group">
			<h2>Index</h2>
			<section class="tsd-panel tsd-index-panel">
				<div class="tsd-index-content">
					<section class="tsd-index-section ">
						<h3>Properties</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="colorsettings.html#activecube" class="tsd-kind-icon">active<wbr>Cube</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="colorsettings.html#axisline" class="tsd-kind-icon">axis<wbr>Line</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="colorsettings.html#axisselecthighlight" class="tsd-kind-icon">axis<wbr>Select<wbr>Highlight</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="colorsettings.html#axistext" class="tsd-kind-icon">axis<wbr>Text</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="colorsettings.html#clickabletext" class="tsd-kind-icon">clickable<wbr>Text</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="colorsettings.html#clickabletexthighlight" class="tsd-kind-icon">clickable<wbr>Text<wbr>Highlight</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="colorsettings.html#clickabletexthighlightalphacutoff" class="tsd-kind-icon">clickable<wbr>Text<wbr>Highlight<wbr>Alpha<wbr>Cutoff</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="colorsettings.html#defaultcube" class="tsd-kind-icon">default<wbr>Cube</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="colorsettings.html#hoveredcube" class="tsd-kind-icon">hovered<wbr>Cube</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="colorsettings.html#searchtext" class="tsd-kind-icon">search<wbr>Text</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="colorsettings.html#searchtexthighlight" class="tsd-kind-icon">search<wbr>Text<wbr>Highlight</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="colorsettings.html#selectedcube" class="tsd-kind-icon">selected<wbr>Cube</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="colorsettings.html#unselectedcolormethod" class="tsd-kind-icon">unselected<wbr>Color<wbr>Method</a></li>
						</ul>
					</section>
				</div>
			</section>
		</section>
		<section class="tsd-panel-group tsd-member-group ">
			<h2>Properties</h2>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
				<a name="activecube" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> active<wbr>Cube</h3>
				<div class="tsd-signature tsd-kind-icon">active<wbr>Cube<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
				<aside class="tsd-sources">
					<p>Inherited from <a href="sanddance.types.colorsettings.html">ColorSettings</a>.<a href="sanddance.types.colorsettings.html#activecube">activeCube</a></p>
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:151</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Color of the individually selected cube.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
				<a name="axisline" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> axis<wbr>Line</h3>
				<div class="tsd-signature tsd-kind-icon">axis<wbr>Line<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
				<aside class="tsd-sources">
					<p>Inherited from <a href="sanddance.types.colorsettings.html">ColorSettings</a>.<a href="sanddance.types.colorsettings.html#axisline">axisLine</a></p>
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:130</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Color of axes lines.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
				<a name="axisselecthighlight" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> axis<wbr>Select<wbr>Highlight</h3>
				<div class="tsd-signature tsd-kind-icon">axis<wbr>Select<wbr>Highlight<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
				<aside class="tsd-sources">
					<p>Inherited from <a href="sanddance.types.colorsettings.html">ColorSettings</a>.<a href="sanddance.types.colorsettings.html#axisselecthighlight">axisSelectHighlight</a></p>
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:163</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Color of axis hover hotspots.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
				<a name="axistext" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> axis<wbr>Text</h3>
				<div class="tsd-signature tsd-kind-icon">axis<wbr>Text<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
				<aside class="tsd-sources">
					<p>Inherited from <a href="sanddance.types.colorsettings.html">ColorSettings</a>.<a href="sanddance.types.colorsettings.html#axistext">axisText</a></p>
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:134</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Color of axes text.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="clickabletext" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> clickable<wbr>Text</h3>
				<div class="tsd-signature tsd-kind-icon">clickable<wbr>Text<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/microsoft/SandDance/blob/master/packages/sanddance-explorer/src/interfaces.ts#L42">sanddance-explorer/src/interfaces.ts:42</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="clickabletexthighlight" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> clickable<wbr>Text<wbr>Highlight</h3>
				<div class="tsd-signature tsd-kind-icon">clickable<wbr>Text<wbr>Highlight<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/microsoft/SandDance/blob/master/packages/sanddance-explorer/src/interfaces.ts#L43">sanddance-explorer/src/interfaces.ts:43</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="clickabletexthighlightalphacutoff" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> clickable<wbr>Text<wbr>Highlight<wbr>Alpha<wbr>Cutoff</h3>
				<div class="tsd-signature tsd-kind-icon">clickable<wbr>Text<wbr>Highlight<wbr>Alpha<wbr>Cutoff<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/microsoft/SandDance/blob/master/packages/sanddance-explorer/src/interfaces.ts#L44">sanddance-explorer/src/interfaces.ts:44</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
				<a name="defaultcube" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> default<wbr>Cube</h3>
				<div class="tsd-signature tsd-kind-icon">default<wbr>Cube<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
				<aside class="tsd-sources">
					<p>Inherited from <a href="sanddance.types.colorsettings.html">ColorSettings</a>.<a href="sanddance.types.colorsettings.html#defaultcube">defaultCube</a></p>
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:126</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Color of cubes when there is no coloring specified.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
				<a name="hoveredcube" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> hovered<wbr>Cube</h3>
				<div class="tsd-signature tsd-kind-icon">hovered<wbr>Cube<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
				<aside class="tsd-sources">
					<p>Inherited from <a href="sanddance.types.colorsettings.html">ColorSettings</a>.<a href="sanddance.types.colorsettings.html#hoveredcube">hoveredCube</a></p>
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:155</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Color of the cube when mouse hovered.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="searchtext" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> search<wbr>Text</h3>
				<div class="tsd-signature tsd-kind-icon">search<wbr>Text<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/microsoft/SandDance/blob/master/packages/sanddance-explorer/src/interfaces.ts#L45">sanddance-explorer/src/interfaces.ts:45</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="searchtexthighlight" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> search<wbr>Text<wbr>Highlight</h3>
				<div class="tsd-signature tsd-kind-icon">search<wbr>Text<wbr>Highlight<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/microsoft/SandDance/blob/master/packages/sanddance-explorer/src/interfaces.ts#L46">sanddance-explorer/src/interfaces.ts:46</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
				<a name="selectedcube" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> selected<wbr>Cube</h3>
				<div class="tsd-signature tsd-kind-icon">selected<wbr>Cube<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
				<aside class="tsd-sources">
					<p>Inherited from <a href="sanddance.types.colorsettings.html">ColorSettings</a>.<a href="sanddance.types.colorsettings.html#selectedcube">selectedCube</a></p>
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:159</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Color of selected cubes.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
				<a name="unselectedcolormethod" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> unselected<wbr>Color<wbr>Method</h3>
				<div class="tsd-signature tsd-kind-icon">unselected<wbr>Color<wbr>Method<span class="tsd-signature-symbol">:</span> <a href="sanddance.types.colormethod.html" class="tsd-signature-type" data-tsd-kind="Interface">ColorMethod</a></div>
				<aside class="tsd-sources">
					<p>Inherited from <a href="sanddance.types.colorsettings.html">ColorSettings</a>.<a href="sanddance.types.colorsettings.html#unselectedcolormethod">unselectedColorMethod</a></p>
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:167</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Method of coloring unselected cubes.</p>
					</div>
				</div>
			</section>
		</section>
	</div>
	<div class="col-4 col-menu menu-highlight">
		<nav class="tsd-navigation primary">
			<ul>
				<li class=" ">
					<a href="../modules.html">Exports</a>
				</li>
			</ul>
		</nav>
		<nav class="tsd-navigation secondary">
			<ul class="before-current">
				<li class=" tsd-kind-enum">
					<a href="../enums/sidetabid.html" class="tsd-kind-icon">Side<wbr>Tab<wbr>Id</a>
				</li>
				<li class=" tsd-kind-class">
					<a href="../classes/explorer_class.html" class="tsd-kind-icon">Explorer_<wbr><wbr>Class</a>
				</li>
			</ul>
			<ul class="current">
				<li class="current tsd-kind-interface">
					<a href="colorsettings.html" class="tsd-kind-icon">Color<wbr>Settings</a>
					<ul>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
							<a href="colorsettings.html#activecube" class="tsd-kind-icon">active<wbr>Cube</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
							<a href="colorsettings.html#axisline" class="tsd-kind-icon">axis<wbr>Line</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
							<a href="colorsettings.html#axisselecthighlight" class="tsd-kind-icon">axis<wbr>Select<wbr>Highlight</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
							<a href="colorsettings.html#axistext" class="tsd-kind-icon">axis<wbr>Text</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="colorsettings.html#clickabletext" class="tsd-kind-icon">clickable<wbr>Text</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="colorsettings.html#clickabletexthighlight" class="tsd-kind-icon">clickable<wbr>Text<wbr>Highlight</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="colorsettings.html#clickabletexthighlightalphacutoff" class="tsd-kind-icon">clickable<wbr>Text<wbr>Highlight<wbr>Alpha<wbr>Cutoff</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
							<a href="colorsettings.html#defaultcube" class="tsd-kind-icon">default<wbr>Cube</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
							<a href="colorsettings.html#hoveredcube" class="tsd-kind-icon">hovered<wbr>Cube</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="colorsettings.html#searchtext" class="tsd-kind-icon">search<wbr>Text</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="colorsettings.html#searchtexthighlight" class="tsd-kind-icon">search<wbr>Text<wbr>Highlight</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
							<a href="colorsettings.html#selectedcube" class="tsd-kind-icon">selected<wbr>Cube</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
							<a href="colorsettings.html#unselectedcolormethod" class="tsd-kind-icon">unselected<wbr>Color<wbr>Method</a>
						</li>
					</ul>
				</li>
			</ul>
			<ul class="after-current">
				<li class=" tsd-kind-interface">
					<a href="datacontent.html" class="tsd-kind-icon">Data<wbr>Content</a>
				</li>
				<li class=" tsd-kind-interface">
					<a href="datafile.html" class="tsd-kind-icon">Data<wbr>File</a>
				</li>
				<li class=" tsd-kind-interface">
					<a href="historicinsight.html" class="tsd-kind-icon">Historic<wbr>Insight</a>
				</li>
				<li class=" tsd-kind-interface">
					<a href="historyaction.html" class="tsd-kind-icon">History<wbr>Action</a>
				</li>
				<li class=" tsd-kind-interface">
					<a href="historyitem.html" class="tsd-kind-icon">History<wbr>Item</a>
				</li>
				<li class=" tsd-kind-interface">
					<a href="options.html" class="tsd-kind-icon">Options</a>
				</li>
				<li class=" tsd-kind-interface">
					<a href="prefs.html" class="tsd-kind-icon">Prefs</a>
				</li>
				<li class=" tsd-kind-interface">
					<a href="props.html" class="tsd-kind-icon">Props</a>
				</li>
				<li class=" tsd-kind-interface">
					<a href="settingsgroup.html" class="tsd-kind-icon">Settings<wbr>Group</a>
				</li>
				<li class=" tsd-kind-interface">
					<a href="state.html" class="tsd-kind-icon">State</a>
				</li>
				<li class=" tsd-kind-interface">
					<a href="uistate.html" class="tsd-kind-icon">UIState</a>
				</li>
				<li class=" tsd-kind-interface">
					<a href="vieweroptions.html" class="tsd-kind-icon">Viewer<wbr>Options</a>
				</li>
				<li class=" tsd-kind-type-alias">
					<a href="../modules.html#dataexporttype" class="tsd-kind-icon">Data<wbr>Export<wbr>Type</a>
				</li>
				<li class=" tsd-kind-type-alias">
					<a href="../modules.html#datafiletype" class="tsd-kind-icon">Data<wbr>File<wbr>Type</a>
				</li>
				<li class=" tsd-kind-variable">
					<a href="../modules.html#explorer" class="tsd-kind-icon">Explorer</a>
				</li>
				<li class=" tsd-kind-variable">
					<a href="../modules.html#capabilities" class="tsd-kind-icon">capabilities</a>
				</li>
				<li class=" tsd-kind-variable">
					<a href="../modules.html#themepalettes" class="tsd-kind-icon">theme<wbr>Palettes</a>
				</li>
				<li class=" tsd-kind-variable">
					<a href="../modules.html#version" class="tsd-kind-icon">version</a>
				</li>
				<li class=" tsd-kind-function">
					<a href="../modules.html#getcolorsettingsfromthemepalette" class="tsd-kind-icon">get<wbr>Color<wbr>Settings<wbr>From<wbr>Theme<wbr>Palette</a>
				</li>
				<li class=" tsd-kind-function">
					<a href="../modules.html#getembedhtml" class="tsd-kind-icon">get<wbr>EmbedHTML</a>
				</li>
				<li class=" tsd-kind-function">
					<a href="../modules.html#use" class="tsd-kind-icon">use</a>
				</li>
			</ul>
		</nav>
	</div>
</div>
</div>
<div class="overlay"></div>